@import "main.less";
.stars-detail{
  margin-top:60px;
  padding:30px;
  font-size: @big-font;
  background: #fff;
  box-shadow: 0 0 2px 0 rgba(0,0,0,.06),0 1px 4px 0 rgba(0,0,0,.12);
  position: relative;
}
.Stars-list{
  background: white;
  border:1px solid @gray;
  margin-top:60px;
  padding:30px 0;
  position: relative;
  box-shadow: 0 0 2px 0 rgba(0,0,0,.06),0 1px 4px 0 rgba(0,0,0,.12);
  .index{
    text-align: center;
    margin-bottom: 20px;
    font-size: @big-font;
    position: relative;
    bottom: 10px;
    svg{
      position: relative;
      top:6px;
    }
    .pre-index{
      font-size: 50px;
      color: #918499;
      margin-top:20px;
      span{
        font-size: @big-font;
        color: #552450;
        font-weight: 800;
      }
    }
  }
}
.stars{
  position: absolute;
  left: 32px;
  top:-22px;
  font-size:30px;
  color: #EE5787;
  svg{
    position: absolute;
    transform:rotate(-30deg);
    top:-38px;
    left:-35px;
  }
}
.text-detail{
  margin:0 0 0.625rem;
  max-height: 4.26923077em;
  overflow:hidden;
  font-size: 20px;
  line-height:30px ;
  display: -webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
}
.week-stars{
  padding:10px 0;
  border-bottom: 1px dashed gainsboro;
  &:last-child{
    border-bottom: none;
  }
}
.stars-tip{
    font-size: 20px;
    margin-bottom: 25px;
  .msg{
    .pink{
      font-size: @vb-font;
      color: rgb(249,57,129);
    }
  }
}